<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BLOG-ADV</title>
<meta name="title" content="BLOG-ADV" />
<meta name="description" content="BLOG-ADV blog for advertising" />
<meta name="keyword" content="BLOG-ADV" />
<meta name="copyright" content="BLOG-ADV" />
<meta name="author" content="Sip Developer // Creative Web" />
<meta name="developer" content="Sip Web Developer" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/camera.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/liquid/liquid-slider.css" />
<link rel="stylesheet" type="text/css" href="css/liquid/animate.css" />

<script type="text/javascript">
// <![CDATA[
base_url = '';
//]]>
</script>
<script src="jquery/jquery.js"></script>
<script src="jquery/jquery.easing.1.3.js"></script>
<script src="jquery/jquery.touchSwipe.min.js"></script>
<script src="jquery/jquery.liquid-slider.js"></script>
<script src="jquery/camera.js"></script>

<script>
$(document).ready(function(){
	
  $('#slider-box').liquidSlider({
	  continuous:false,
	  autoHeight:true,
	  autoSlide:true,
	  pauseOnHover: true,
	  slideEaseFunction:'animate.css',
	  slideEaseDuration:1000,
	  heightEaseDuration:1000,
	  animateIn:"rotateInUpRight",
	  animateOut:"rotateOutUpLeft",
	  callback: function() {
		var self = this;
		$('.slider-box-panel').each(function() {
		  $(this).removeClass('animated ' + self.options.animateIn);
		});
	  }
	  
  });
  
  $('#camera').camera({
		loader: 'bar',
		pagination: false
  });
				
});

</script>
</head>
<body>
<div id="sipdev">
   
    <!-- Begin Header -->
    <div id="header"> 
      <!-- Begin Wrap -->
      <div id="wrap">
        <div class="logo"> <img src="images/logo.png" /> </div>
        <div class="menu">
          <ul>
            <li><a <?php echo ($page=='') ? 'class="active"' : ''?> href="index.php">Home</a></li>
            <li><a <?php echo ($page=='article') ? 'class="active"' : ''?> href="article-list.php">Article</a></li>
            <li><a <?php echo ($page=='event') ? 'class="active"' : ''?> href="event-list.php">Event</a></li>
            <li><a <?php echo ($page=='download') ? 'class="active"' : ''?> href="download-list">Download</a></li>
          </ul>
        </div>
        <div class="clear"></div>
      </div>
      <!-- End Wrap --> 
    </div>
    <!-- End Header --> 
    
    
    <!-- Begin Container -->
    <div id="container">
    	
        <!-- Begin Wrap -->
      	<div id="wrap">
        
        	<!-- Begin Sidebar -->
            <div id="sidebar">
                <div class="box">
                    <form id="search" name="search" method="post" action="">
                        <input type="text" class="t-search" name="search" value="search..." />
                        <input type="submit" value="" class="b-search" />
                    </form>
                    <div class="clear"></div>
                </div><!-- End Box -->
                
                <?php if ($page<>'article') : ?>
                <div class="box1">
                    <h1><span class="iart">Random Article</span></h1>
                    <div id="slider-box" class="liquid-slider">
                    	<div class="bx-1">
                        	<a href="#"><img src="uploads/article/thumbs/dummy.png" width="100" align="left" /></a>
                            <div class="desc">
                            	<h3><a href="#">Consectetur adipiscing elit. Nullam 
lobortis</a></h3>
								<p>Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla. Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium...</p>
                                <div class="link"><a href="#" class="readmore-blue">Read More</a></div>
                            </div>
                        </div>
                        <div class="bx-1">
                        	<a href="#"><img src="uploads/article/thumbs/dummy.png" width="100" align="left" /></a>
                            <div class="desc">
                            	<h3><a href="#">Consectetur adipiscing elit. Nullam 
lobortis</a></h3>
								<p>Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla. Nunc dapibus porta ligula Nunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium Nunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium vNunc dapibus porta ligula massa porttitornec egestas nulla dolor Sit Amet Tellis conseqruat abilium...</p>
                                <div class="link"><a href="#" class="readmore-blue">Read More</a></div>
                            </div>
                        </div>
                    </div>
                </div><!-- End Box -->
                <?php endif;?>
                
                <?php if ($page<>'download') : ?>
                <div class="box1">
                	<h1><span class="idown">Latest Download</span></h1>
                    <div class="list-side">
                    	<div class="image"><img src="images/format/pdf.png" /></div>
                        <div class="desc">
                        	<h3>Consectetur adipiscing elit. Nullam lobortis</h3>
                            <p class="date">Posted : 15 Jan 2015</p>
                            <a class="link-download">Download</a>
                        </div>
                    </div>
                    <div class="list-side">
                    	<div class="image"><img src="images/format/excel.png" /></div>
                        <div class="desc">
                        	<h3>Aliquam ante nibh, hendrerit non</h3>
                            <p class="date">Posted : 15 Jan 2015</p>
                            <a class="link-download">Download</a>
                        </div>
                    </div>
                    <div class="list-side">
                    	<div class="image"><img src="images/format/ppt.png" /></div>
                        <div class="desc">
                        	<h3>Nulla ut cursus dolor, eu fringilla lectus</h3>
                            <p class="date">Posted : 15 Jan 2015</p>
                            <a class="link-download">Download</a>
                        </div>
                    </div>
                    <div class="link-more"><a class="readmore-blue" href="download-list.php">More Download</a></div>
                </div><!-- End Box -->
                <?php endif;?>
                
                <div class="box1">
                	<h1><span class="iadv">Advertising</span></h1>
                    <img src="images/dummy-adv.png" align="center" width="364" style="margin-top:10px;" />
                </div><!-- End Box -->
                
            </div><!-- End Sidebar --> 
            
            <!-- Begin Content -->
            <div id="content">